<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>1.拼图：学习拖放#1</title>
    <link rel="stylesheet" type="text/css" href="../res/index.css"/>
    <script src="../js/blockly_compressed.js"></script>
    <script src="../js/javascript_compressed.js"></script>
    <script src="./js1/course1-1/blockly_doraemon.js"></script>
    <link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <style>
        .btn-circle {
            width: 36px;
            height: 36px;
            text-align: center;
            padding: 6px 0;
            font-size: 16px;
            line-height: 1.428571429;
            border-radius: 18px;
            border: rgb(200,200,200) 2px solid;
        }
        .btn-circle.btn-lg {
            width: 50px;
            height: 50px;
            padding: 10px 16px;
            font-size: 18px;
            line-height: 1.33;
            border-radius: 25px;
        }
        .btn-circle.btn-xs {
            width: 6px;
            height: 6px;
            padding: 6px 6px;
            font-size: 5px;
            line-height: 1.33;
            border-radius: 35px;
        }
        .counter-text{
            text-anchor: end;
            font-size: 16px;
            font-family: Verdana, Geneva, sans-serif;
            font-weight: bold;
            fill: white;
            stroke: black;
            stroke-width: 1;
            cursor: default;
        }
    </style>

</head>
<body>
    <div class = "top">
        <ul>
            <li><a href="../course1.html">课程分类</a></li>
            <li><a href="">项目</a></li>
            <li><a href="">关于</a></li>
            <div id="header-mid" class="col-lg-4" style="margin:5px;position: fixed;left: 25%;">
                <div style="margin-top: 8px;display:inline;">
                    <div class="col-lg-4"  style="padding: 8px 0px; text-align: center;display:inline;width: 30%;">
                        <a style="color: #ffffff; font-size: 16px" href="../course1.html">课程1：拼图：学习拖放</a>
                    </div>
                    <div class="col-lg-8" style="display: flex; flex-direction: row; background-color: rgb(244, 244, 244); border-radius: 5px; height: 40px; align-items: center; border:#b4b4b4 1px solid; width: 62%;">
                        <button type="button" onclick="location.reload()" class="btn btn-default btn-circle" style="display: block; margin-left: 1px; margin-right: 2px">
                            1
                        </button>
                        <abbr title="2" style="border-bottom: transparent">
                            <button type="button" onclick="location.href='course1-1/course1-1-2.html'" class="btn btn-default btn-circle btn-xs" style="display: block; margin-left: 2px; margin-right: 2px"></button>
                        </abbr>
                        <abbr title="3" style="border-bottom: transparent">
                            <button type="button" onclick="location.href='course1-1/course1-1-3.html'"  class="btn btn-default btn-circle btn-xs" style="display: block; margin-left: 2px; margin-right: 2px"></button>
                        </abbr>
                        <abbr title="4" style="border-bottom: transparent">
                            <button type="button" onclick="location.href='course1-1/course1-1-4.html'"  class="btn btn-default btn-circle btn-xs" style="display: block; margin-left: 2px; margin-right: 2px"></button>
                        </abbr>
                        <abbr title="5" style="border-bottom: transparent">
                            <button type="button" onclick="location.href='course1-1/course1-1-5.html'"  class="btn btn-default btn-circle btn-xs" style="display: block; margin-left: 2px; margin-right: 2px"></button>
                        </abbr>
                        <abbr title="6" style="border-bottom: transparent">
                            <button type="button" onclick="location.href='course1-1/course1-1-6.html'"  class="btn btn-default btn-circle btn-xs" style="display: block; margin-left: 2px; margin-right: 2px"></button>
                        </abbr>
                        <abbr title="7" style="border-bottom: transparent">
                            <button type="button" onclick="location.href='course1-1/course1-1-7.html'"  class="btn btn-default btn-circle btn-xs" style="display: block; margin-left: 2px; margin-right: 2px"></button>
                        </abbr>
                        <abbr title="8" style="border-bottom: transparent">
                            <button type="button" onclick="location.href='course1-1/course1-1-8.html'"  class="btn btn-default btn-circle btn-xs" style="display: block; margin-left: 2px; margin-right: 2px"></button>
                        </abbr>
                        <abbr title="9" style="border-bottom: transparent">
                            <button type="button" onclick="location.href='course1-1/course1-1-9.html'"  class="btn btn-default btn-circle btn-xs" style="display: block; margin-left: 2px; margin-right: 2px"></button>
                        </abbr>
                    </div>
                </div>
            </div>

        </ul>
    </div>
    <div data-radium="true" style="padding-left: 60px; padding-right: 10px; float: left; width: 100%; box-sizing: border-box; background-color: rgb(221, 221, 221); border-top-right-radius: 5px; border-top-left-radius: 5px;">
        <div data-radium="true" style="width: 100%; position: relative; float: left; height: 88px; margin-right: -300px;">
            <div class="csf-top-instructions" data-radium="true" style="padding: 5px 0px;">
                <div data-radium="true" style="position: relative;">
                    <div data-radium="true" style="background-color: white; border-radius: 10px; margin: 5px 0px; padding: 5px 76px 5px 10px; position: relative; border-style: dashed; border-width: 1px; border-color: white;">
                        <div style="overflow: hidden;">
                                <div id = "hint">排列块以形成图像。</div>
                            </div></div></div></div></div>
    </div>

    <div id = "blockDiv" style="margin-top: 100px">      </div>
    <xml xmlns="http://www.w3.org/1999/xhtml" id="workspaceBlocks" style="display:none">
        <block type="doraemon_2" id="k][dQbdO6w9SJmD31{+P" x="10" y="10">
          <next>
            <block type="doraemon_1" id="hy]0pIe0*!KNW#2^NoJ1"></block>
          </next>
        </block>
      </xml>
    <div id = "c_button">
        <button id="check_button">Check</button>
    </div>
    <script type="text/javascript" src="./js1/course1-1/doraemon_workspace.js"></script>
</body>
</html>